html {
    font-size: 14px;
    line-height: normal;
    font-family: "microsoft yahei", "Times New Roman", "宋体", Times, serif;
    letter-spacing:1px;
}

body {
/*     -moz-user-select: none;  */
/*     -webkit-user-select: none;  */
/*     -ms-user-select: none;  */
/*     -khtml-user-select: none;  */
/*     -webkit-touch-callout: none; */
/*     user-select: none; */
}

html,body {
  height: 100%;
  overflow: hidden;
  position: relative;
}

fieldset {
    border-top: 1px solid #e5e5e5;
}

legend {
    display: block;
    width: auto;
    font-size: 18px;
    color: #666;
    padding: 0 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border: 0;
}

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, table, td, textarea, th, ul {
    
}

td textarea {
    resize: vertical;
}

a,button {
    cursor: pointer;
    outline : none !important;
    -moz-outline: none !important;
    blr: expression(this.onFocus = this.blur ());
}

a.l-btn-focus {
    background: #eaf2ff;
    color: #000000;
    border: 1px solid #b7d2ff;
}

.noselect {
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    -khtml-user-select: none; 
    -webkit-touch-callout: none;
    user-select: none;
} 

/* ZL-字体样式*/

.fa.fa-1{
    font-size: 1.2rem;
}
.fa.fa-2{
    font-size: 2rem;
}
.fa.fa-3{
    font-size: 3rem;
}
.fa.fa-4{
    font-size: 4rem;
}
.fa.fa-5{
    font-size: 5rem;
}
.fa.fa-6{
    font-size: 6rem;
}
.labels{
    height: 28px;
    line-height: 28px;
    font-weight: unset;
    margin: 0;
}

/* ZL-布局样式*/

.main-content{
    height: 100%;
    overflow: auto;
    position: relative;
    box-sizing: border-box;
}
.main-content2{
    height: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.overflow-y{
    height: 100% !important;
    overflow-y: auto !important;
    position: relative;
}
.overflow-n{
    height: 100% !important;
    overflow: hidden !important;
    position: relative;
}
.overflow{
    height: 100% !important;
    overflow: auto !important;
    position: relative;
}

.form-lable {
/*     font-size: 13px; */
    position: relative;
    float: left;
    display: block;
    padding: 5px;
    width: 130px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #666;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.input-block{
    min-height: 30px;
    padding: 2px;
    margin-left: 140px;
    position: relative;
    line-height: 25px;
}
.top-inline .form-lable {
    float: none;
    width: auto;
    padding-bottom: 0;
}
.top-inline .input-block{
    margin: unset;
    padding-bottom: 5px;
}
.right-inline .form-lable{
    text-align: right;
    float: left;
    width: 130px;
    padding-bottom: 5px;
}
.right-inline .input-block{
    padding-bottom: 2px;
    margin-left: 140px;
}
.left-inline .form-lable{
    text-align: left;
    float: left;
    width: 130px;
    padding-bottom: 5px;
}
.left-inline .input-block{
    padding-bottom: 2px;
    margin-left: 140px;
}
.top-right-inline .form-lable {
    text-align: right;
    float: none;
    width: auto;
    padding-bottom: 0;
}
.top-right-inline .input-block{
    margin: unset;
    padding-bottom: 5px;
}
.form-lable1 {
/*     font-size: 13px; */
    position: relative;
    float: left;
    display: block;
    padding: 5px;
    width: 150px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #666;
    margin-bottom: 0;
}
.input-block1{
    min-height: 30px;
    padding: 2px;
    margin-left: 160px;
    position: relative;
}

.form-lable2 {
/*     font-size: 13px; */
    position: relative;
    float: left;
    display: block;
    padding: 5px;
    width: 200px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #666;
    margin-bottom: 0;
}
.input-block2{
    min-height: 30px;
    padding: 2px;
    margin-left: 210px;
    position: relative;
}

.form-lable5 {
/*     font-size: 13px; */
    position: relative;
    float: left;
    display: block;
    padding: 5px;
    width: 300px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #666;
    margin-bottom: 0;
}
.input-block5{
    min-height: 30px;
    padding: 2px;
    margin-left: 310px;
    position: relative;
}

.form-lable-sm {
/*     font-size: 13px; */
    position: relative;
    float: left;
    display: block;
    padding: 5px;
    width: 90px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #666;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.input-block-sm{
    min-height: 30px;
    padding: 2px;
    margin-left: 100px;
    position: relative;
    line-height: 25px;
}

.form-lable-sm2 {
/*     font-size: 13px; */
    position: relative;
    float: left;
    display: block;
    padding: 5px;
    width: 80px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #666;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.input-block-sm2{
    min-height: 30px;
    padding: 2px;
    margin-left: 90px;
    position: relative;
    line-height: 25px;
}

.input-block .input-g {
    height: 28px;
    line-height: 28px;
    float: left;
    position: relative;
    white-space: nowrap;
    padding-right: 10px;
}

.padding-right{
  padding-right: 30px;
}
.padding-right2{
  padding-right: 40px;
}
.padding-right3{
  padding-right: 40px;
}
.padding-right4{
  padding-right: 50px;
}

.disabled{
  pointer-events: none;
}
div[disabled],label[disabled],span[disabled],input[disabled],select[disabled],button[disabled],textarea[disabled],input[readonly],select[readonly],button[readonly],textarea[readonly]{
  cursor: not-allowed;
}
/* 保持在最上层 */
.select2-container--open {
  z-index: 10100;
}

.spsnarea:hover {
  border-bottom: 1px solid #FF8832;
}
.main-img{
/*   background: url(../image/bk/A03.jpg) repeat-x fixed top; */
/*   background-size: 100% 100%; */
  background: -webkit-linear-gradient(left top, #000 , #7b8c99);
  background: -o-linear-gradient(bottom right, #000, #7b8c99);
  background: -moz-linear-gradient(bottom right, #000, #7b8c99);
  background: linear-gradient(to bottom right, #000 , #7b8c99);
}

.canvas-index{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}
.cpt-selected > label  {
    color: #F3506F;
}
.CodeMirror-hints{
    z-index:9999;
}
.CodeMirror-hint  .autocomplete-div {
    display: inline-block;
    width: 100%;
    position: relative;
}
.CodeMirror-hint .autocomplete-name {
    display: inline-block;
    width: 100%;
}
.CodeMirror-hint .autocomplete-hint {
    color: #0088ff;
    top: 0;
    position: absolute;
    right: 0;
}
.CodeMirror-hint-active .autocomplete-hint{
      color: #f7ff00;
}
.CodeMirror-hint:hover:not(.CodeMirror-hint-active) {
    background-color: #EEE;
}
.CodeMirror-hint .autocomplete-hidden{
    display: inline-block;
    visibility: hidden;
}
.tab-header{
    height: 3.2rem;
    padding: .3rem .1rem;
}
.tab-content{
    height: calc(100% - 3.2rem - 6px);
}
.tab-content>div{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
.scroll-header{
    height: 3.2rem;
    padding: .3rem 1rem;
}
.scroll-content{
    height: calc(100% - 3.2rem - 6px);
    overflow-y: auto;
    position: relative;
}
.scroll-content>div{
    height: 600px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 20px;
    margin-top:5px;
    margin-bottom:5px;
}
.box-table{
    border: 1px solid #E6E4E4;
}
.box-div{
    height: 100%;
    overflow: auto;
}
.box-botton{
    padding: 2px;
    display: inline-block;
}
.box-layout{
    height: 100%;
}
.control-label{
    padding: 0 2px;
}

.left-inline .control-label:not([class*="col-"]) {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.left-inline .form-control:not([class*="col-"]):not([class*="select2-selection"]), .left-inline .select2.select2-container, .left-inline .form-control-box:not([class*="col-"]) {
    width: calc(100% - 100px) !important;
    display: inline-block;
    vertical-align: middle;
}

.right-inline .control-label:not([class*="col-"]) {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.right-inline .form-control:not([class*="col-"]):not([class*="select2-selection"]),.right-inline .select2.select2-container, .right-inline .form-control-box:not([class*="col-"]) {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: middle;
}

.top-inline .control-label:not([class*="col-"]) {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.top-inline .form-control:not([class*="col-"]):not([class*="select2-selection"]),.top-inline .select2.select2-container, .top-inline .form-control-box:not([class*="col-"]) {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.top-right-inline .control-label:not([class*="col-"]) {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.top-right-inline .form-control:not([class*="col-"]):not([class*="select2-selection"]),.top-right-inline .select2.select2-container, .top-right-inline .form-control-box:not([class*="col-"]) {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
textarea.form-control{
    max-width: 100%;
    min-height: 30px;
    resize: vertical;
}
span.form-control:not(.select2-selection){
    height: auto;
    min-height: 30px;
    word-break: break-word;
}
.form-control-box img{
    width: 140px;
    height: 140px;
}
/* .control-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5;
}
.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
} */

.select2-container {
    max-width: 100%;
    width: 100%;
}
/* .left-inline .select2-container,.right-inline .select2-container{
    display: unset;
}
.left-inline .select2-container .select2-selection .select2-selection__arrow
,.right-inline .select2-container .select2-selection .select2-selection__arrow{
     height: 18px;
}
 */
.select2-container .select2-selection {
    outline: 0;
}
.select2-container .select2-selection{
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.has-error .select2-container.select2-container--open .select2-selection,.has-error .select2-container.select2-container--focus .select2-selection{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.select2-container.select2-container--open .select2-selection,.select2-container.select2-container--focus .select2-selection {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.select2-search--dropdown .select2-search__field {
    outline: 1px solid #E1E4EA;
}

.radio-inline, .checkbox-inline {
    margin-right: 10px;
}

nav .mCSB_scrollTools_horizontal .mCSB_dragger{
    
}
nav .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 0;
}
nav .mCSB_draggerContainer{
    margin-top: 5px;
}
.mCSB_container .tab-header,.mCSB_container .scroll-header {
    min-width: 100%;
    display: inline-block;
    white-space: nowrap;
}
.mCSB_container .nav-item {
    display: inline-block;
}
.mCSB_inside > .mCSB_container {
    margin-right: 25px;
}


.description-title {
    color: #0034ff;font-weight: bold;font-size: 14px;
    padding-left: 20px;
}
.description-text {
    color: red;font-weight: bold;font-size: 14px;
}